<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <!-- Title and other stuffs -->
  <title>居住人员信息</title>
  <meta name="keywords" content="Bootstrap模版,Bootstrap模版下载,Bootstrap教程,Bootstrap中文,后台管理系统模版,后台模版下载,后台管理系统,后台管理模版" />
  <meta name="description" content="代码家园-www.daimajiayuan.com提供Bootstrap模版,后台管理系统模版,后台管理界面,Bootstrap教程,Bootstrap中文翻译等相关Bootstrap插件下载" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <meta name="author" content="">
  <!-- Stylesheets -->
  <link href="style/bootstrap.css" rel="stylesheet">
  <!-- Font awesome icon -->
  <link rel="stylesheet" href="style/font-awesome.css">
  <!-- jQuery UI -->
  <link rel="stylesheet" href="style/jquery-ui.css">
  <!-- Calendar -->
  <link rel="stylesheet" href="style/fullcalendar.css">
  <!-- prettyPhoto -->
  <link rel="stylesheet" href="style/prettyPhoto.css">
  <!-- Star rating -->
  <link rel="stylesheet" href="style/rateit.css">
  <!-- Date picker -->
  <link rel="stylesheet" href="style/bootstrap-datetimepicker.min.css">
  <!-- CLEditor -->
  <link rel="stylesheet" href="style/jquery.cleditor.css">
  <!-- Uniform -->
  <link rel="stylesheet" href="style/uniform.default.css">
  <!-- Bootstrap toggle -->
  <link rel="stylesheet" href="style/bootstrap-switch.css">
  <!-- Main stylesheet -->
  <link href="style/style.css" rel="stylesheet">
  <!-- Widgets stylesheet -->
  <link href="style/widgets.css" rel="stylesheet">
  <!-- HTML5 Support for IE -->
  <!--[if lt IE 9]>
<  <script src="js/html5shim.js"></script>-->
  <![endif]-->
  <!-- Favicon -->
<!--  <link rel="shortcut icon" href="img/favicon/favicon.png">-->
</head>
<body>
<div class="navbar navbar-fixed-top bs-docs-nav" role="banner">
    <div class="conjtainer">
      <!-- Menu button for smallar screens -->
      <div class="navbar-header">
		  <button class="navbar-toggle btn-navbar" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
			<span>Menu</span>
		  </button>
		  <!-- Site name for smallar screens -->
		  <a href="index.html" class="navbar-brand hidden-lg">MacBeth</a>
		</div>
      <!-- Navigation starts -->
      <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
        <ul class="nav navbar-nav">
          <!-- Upload to server link. Class "dropdown-big" creates big dropdown -->
          <li class="dropdown dropdown-big">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="label label-success"><i class="icon-cloud-upload"></i></span> Upload to Cloud</a>
            <!-- Dropdown -->
            <ul class="dropdown-menu">
              <li>
                <!-- Progress bar -->
                <p>Photo Upload in Progress</p>
                <!-- Bootstrap progress bar -->
                <div class="progress progress-striped active">
					<div class="progress-bar progress-bar-info"  role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
						<span class="sr-only">40% Complete</span>
					</div>
			    </div>
                <hr />
                <!-- Progress bar -->
                <p>Video Upload in Progress</p>
                <!-- Bootstrap progress bar -->
                <div class="progress progress-striped active">
					<div class="progress-bar progress-bar-success"  role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
						<span class="sr-only">80% Complete</span>
					</div>
			    </div>
                <hr />
                <!-- Dropdown menu footer -->
                <div class="drop-foot">
                  <a href="#">View All</a>
                </div>
              </li>
            </ul>
          </li>
          <!-- Sync to server link -->
          <li class="dropdown dropdown-big">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="label label-danger"><i class="icon-refresh"></i></span> Sync with Server</a>
            <!-- Dropdown -->
            <ul class="dropdown-menu">
              <li>
                <!-- Using "icon-spin" class to rotate icon. -->
                <p><span class="label label-info"><i class="icon-cloud"></i></span> Syncing Members Lists to Server</p>
                <hr />
                <p><span class="label label-warning"><i class="icon-cloud"></i></span> Syncing Bookmarks Lists to Cloud</p>
                <hr />
                <!-- Dropdown menu footer -->
                <div class="drop-foot">
                  <a href="#" >View All</a>
                </div>
              </li>
            </ul>
          </li>
        </ul>
        <!-- Search form -->
<!--        <form class="navbar-form navbar-left" role="search">-->
<!--			<div class="form-group">-->
<!--				<input type="text" class="form-control" placeholder="Search">-->
<!--			</div>-->
<!--		</form>-->
        <!-- Links -->
        <ul class="nav navbar-nav pull-right">
          <div class="dropdown pull-right"  >
            <a  class="btn  btn-sm  dropdown-toggle"  data-toggle="dropdown" id="gjxmrr" aria-haspopup="true" aria-expanded="false">
              <i class="icon-user"></i> [[${session.username}]] <b class="caret"></b>
            </a>
            <!-- Dropdown menu -->
            <div class="dropdown-menu dropdown-menu-right"   aria-labelledby="gjxmrr">
              <a class="dropdown-item" href="#"> Profile</a>
              <a class="dropdown-item" href="#"> Settings</a>
              <a class="dropdown-item" href="login.html"> Logout</a>
            </div>
          </div>
        </ul>
      </nav>
    </div>
  </div>
<!-- Header starts -->
  <header>
    <div class="container">
      <div class="row">
        <!-- Logo section -->
        <div class="col-md-4">
          <!-- Logo. -->
           <div class="logo">
            <h1><a href="#">Mac<span class="bold"></span></a></h1>
            <p class="meta">智生活小区系统</p>
          </div>
          <!-- Logo ends -->
        </div>
        <!-- Button section -->
        <div class="col-md-4">
          <!-- Buttons -->
          <ul class="nav nav-pills">
            <!-- Comment button with number of latest comments count -->
            <li class="dropdown dropdown-big" >
              <a class="dropdown-toggle" href="/togonggao" data-toggle="dropdown" id="gjx1">
                <i class="icon-comments"></i> Chats
                <th:block th:if="false">
                <span   class="label label-info">6</span>
                </th:block>
              </a>
            </li>
            <li class="dropdown dropdown-big" >
              <a class="dropdown-toggle" href="/#" data-toggle="dropdown" id="gjx2">
                <i class="icon-comments"></i> Chats
                <th:block th:if="false">
                  <span   class="label label-info">6</span>
                </th:block>
              </a>
            </li>
            <li class="dropdown dropdown-big" >
              <a class="dropdown-toggle" href="/#" data-toggle="dropdown" id="gjx3">
                <i class="icon-comments"></i> Chats
                <th:block th:if="false">
                  <span   class="label label-info">6</span>
                </th:block>
              </a>
            </li>

          </ul>
        </div>

      </div>
    </div>
  </header>
<!-- Header ends -->
<!-- Main content starts -->
<div class="content">
  	<!-- Sidebar -->
    <div class="sidebar">
        <div class="sidebar-dropdown"><a href="#">Navigation</a></div>
        <!--- Sidebar navigation -->
        <!-- If the main navigation has sub navigation, then add the class "has_sub" to "li" of main navigation. -->
      <ul id="nav">

        <li ><a href="tomessageshow" ><i class="icon-home"></i>信息显示</a>
        </li>
        <!--            用户角色为户主-->
        <li shiro:hasRole="YJHZ"><a href="/tohome" class="open"><i class="icon-file-alt"></i>所有居住成员信息</a>
        </li>
        <!--            用户角色为住户-->
        <li shiro:hasRole="YJZH"><a href="/tohometwo" class="open"><i class="icon-file-alt"></i>所有居住成员信息</a>
        </li>
        <!--            用户角色为租户-->
        <li shiro:hasRole="ZH"><a href="/tohomethere" class="open"><i class="icon-table"></i>所有居住成员信息</a></li>
        <li class="has_sub"><a href="http://localhost:8093/toadd"><i class="icon-list-alt"></i> 报备  </a>
        </li>
        <li class="has_sub"><a href="/towz"><i class="icon-list-alt"></i>物资申请</a></li>

      </ul>
    </div>
    <!-- Sidebar ends -->
  	<!-- Main bar -->
  	<div class="mainbar">
      <!-- Page heading -->
      <div class="page-head">
<!--        <h2 class="pull-left"><i class="icon-table"></i>学生信息</h2>-->
<!--        <button onclick="add()" class="btn-success">添加书籍</button>-->
<!--        <input id="snumber" type="text" class="form"/>-->
<!--        <button onclick="find()" class="btn-success">搜  索</button>-->
<!--        <button onclick="tomfbook()" class="btn-success">分页显示所有学生</button>-->
        <!-- Breadcrumb -->
        <div class="bread-crumb pull-right">
          <a href="loginout"><i class="icon-home"></i>退出登录</a>
          <!-- Divider -->
          <span class="divider">/</span>
          <a href="#" class="bread-current">Dashboard</a>
        </div>
        <div class="clearfix"></div>
      </div>
      <!-- Page heading ends -->
	    <!-- Matter -->
	    <div class="matter">
        <div class="container">
          <!-- Table -->
            <div class="row">
              <div class="col-md-12">
                <div class="widget">
                <div class="widget">

                  <div class="widget-content">
                    <table class="table table-striped table-bordered table-hover">
                      <thead th:width="22px">
                        <tr>
                          <th style="text-align:center;font-size:12px;">EMPLOYEE_ID</th>
                          <th style="text-align:center;font-size:12px;">FIRST_NAME</th>
                          <th style="text-align:center;font-size:12px;">LAST_NAME</th>
                          <th style="text-align:center;font-size:12px;">EMAIL</th>
                          <th style="text-align:center;font-size:12px;">PHONE_NUMBER</th>
                          <th style="text-align:center;font-size:12px;">HIRE_DATE</th>
                          <th style="text-align:center;font-size:12px;">JOB_ID</th>
                          <th style="text-align:center;font-size:12px;">SALARY</th>
                          <th style="text-align:center;font-size:12px;">COMMISSION_PCT</th>
                          <th style="text-align:center;font-size:12px;">MANAGER_ID</th>
                          <th style="text-align:center;font-size:12px;">DEPARTMENT_ID</th>
                        </tr>
                      </thead>
                      <tbody id="Studentdata">
                        <tr>
                          <td style="font-size:42px;" align="center" >郭峻旭</td>
                          <td style="font-size:42px;" align="center"><img src="https://gjxmrr.oss-cn-beijing.aliyuncs.com/2022-08-16/049f559c-9b12-4c0b-80cc-c36f5e779f6e_3bef8aae5204335e.jpg" height="80px" width="80px"></td>
                          <td style="font-size:42px;" align="center">18180255616</td>
                          <td style="font-size:42px;" align="center">可用</td>
                        </tr>
                        <tr>
                          <td style="font-size:42px;" align="center" >guojunxu</td>
                          <td style="font-size:42px;" align="center"><img src="https://gjxmrr.oss-cn-beijing.aliyuncs.com/2022-08-16/049f559c-9b12-4c0b-80cc-c36f5e779f6e_3bef8aae5204335e.jpg" height="80px" width="80px"></td>
                          <td style="font-size:42px;" align="center">18180255616</td>
                          <td style="font-size:42px;" align="center"><button class="btn btn-lg btn-success"><i class="icon-pencil"></i>修改</button>  <button class="btn btn-lg btn-danger" ><i class="icon-remove"></i>删除</button></td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>
</div>
        </div>
		  </div>
    </div>
   <div class="clearfix"></div>
</div>
<footer>
  <div class="container">
    <div class="row">
      <div class="col-md-12">
            <p class="copy">Copyright &copy; 2012 | <a href="#">Your Site</a> </p>
      </div>
    </div>
  </div>
</footer>
<span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span>
</body>
<script type="text/javascript" src="js/jquery-3.4.1.js"></script>


<script type="text/javascript">

  $(function (){
    show();
  });
  function show(){
    $.ajax({
      url:'getallemployees',
      type:'POST',
      success:function (data){
        console.log(data);
        $("#Studentdata").empty();
         var tr='';
           $.each(data,function (i,v){
             tr +='<tr>'+
                     '<td align="center" style="font-size:42px;">'+v.employeeId+'</td>'+
                     '<td align="center" style="font-size:42px;">'+v.fristName+'</td>'+
                     '<td align="center" style="font-size:42px;">' + v.lastName + '</td>'+
                     '<td align="center" style="font-size:42px;">'+v.email+'</td>'+
                     '<td align="center" style="font-size:42px;">'+v.phoneNumber+'</td>'+
                     '<td align="center" style="font-size:42px;">'+v.hireDate+'</td>'+
                     '<td align="center" style="font-size:42px;">'+v.jobId+'</td>'+
                     '<td align="center" style="font-size:42px;">'+v.salary+'</td>'+
                     '<td align="center" style="font-size:42px;">'+v.commissionPct+'</td>'+
                     '<td align="center" style="font-size:42px;">'+v.managerId+'</td>'+
                     '<td align="center" style="font-size:42px;">'+v.departmentId+'</td>'+
                     '<td align="center">'+
                     '<button class="btn btn-lg btn-danger" onclick="del('+v.uuid+')" ><i class="icon-remove"></i>删除</button>'+
                     '</td>'+
                     '</tr>'
           });


        $("#Studentdata").append(tr);
       }
    })
  };


</script>
</html>